<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
</head>
<body>
<div id="app">
  <h2>{{msg}}</h2>
<!--  1.-->
  <img v-bind:src="imgSrc" v-bind:width="imgWidth" alt="">
<!--  2.简写-->
  <img :src='imgSrc' :width="imgWidth" :alt="'Hello'">
</div>
<script>
  new Vue({
    el:'#app',
    data(){
      return {
        msg:'Hello Vue !',
        imgSrc:'https://img0.baidu.com/it/u=3170544689,3447812556&fm=253&fmt=auto&app=138&f=JPEG?w=751&h=500',
        imgWidth:400
      }
    }
  })
</script>
</body>
</html>